Ekran startowy
Ekran startowy jest ekranem powitalnym. Dużą część ekranu zajmuje obrazek aplikacji wraz
z krótkim hasłem, czym system się zajmuje. Na górnym pasku widać dwie pozycje ‘Menu’ oraz ‘Pomoc’. Korzystanie z nich jest możliwe w każdym momencie działania aplikacji.
Z lewej strony ekranu widać Menu z dwoma aktywnymi przyciskami do wyboru. Reszta przycisków jest w tym momencie nieaktywna, będzie dostępna dla użytkownika po zalogowaniu.
1)Pod ‘Menu’ możemy zobaczyć listę rozwijaną zawierającą trzy opcje do wyboru.
‘Wyloguj’ powoduje wylogowanie aktualnie zalogowanego użytkownika aplikacji.
W momencie uruchamia aplikacji ta opcja jest jeszcze nieaktywna, ponieważ nie ma żadnego zalogowanego użytkownika.
‘Okno powitania’ przekierowuje użytkownika z powrotem na stronę startową, czyli tą, na której aktualnie się znajdujemy. Po kliknięciu pojawia się komunikat z zapytaniem, czy aby na pewno użytkownik chce zostać przekierowany do okna powitania.
Wybranie ‘Tak’ powoduje powrót do okna powitania, wybranie ‘Nie’ pozostanie na aktualnie otwartej karcie.
‘Zakończ’ powoduje wywołanie okna z zapytaniem, czy aby na pewno chcemy zakończyć działanie aplikacji.
Wybranie ‘Tak’ powoduje zwolnienie zasobów i zamknięcie aplikacji.
2)‘Pomoc’ zawiera dwie opcje do wyboru.
‘Instrukcja’ powoduje wyświetlenie dokumentacji użytkownika aplikacji FORWARDer w formacie strony webowej.
‘O programie’ zawiera podstawowe informacje o aplikacji oraz autorach.
Przycisk ‘OK’ powoduje zamknięcie okna z informacjami o aplikacji.
3)Wybranie przycisku ‘Logowanie’ powoduje przekierowanie do nowego okna z logowania do systemu.
4)Wybranie przycisku ‘Rejestracja’ powoduje przekierowanie do nowego okna, które umożliwia zarejestrowanie nowego konta użytkownika w systemie.
Ekran rejestracji zawiera pola wymagane do uzupełnienia przez użytkownika w celu utworzenia nowego konta użytkownika w systemie.
Przykładowo wypełniony formularz rejestracyjny:
‘Wróć’ powoduje powrót do ekranu startowego aplikacji.
‘Test połączenia’ powoduje wyświetlenie komunikatu zwrotnego uzyskanego po próbie ustanowienia połączenia. Jeśli połączenie prawidłowe, to test połączenia z zewnętrznym serwerem zakończy się sukcesem.
‘Zarejestruj’ powoduje wyświetlenie komunikatu zwrotnego uzyskanego po próbie założenia nowego konta użytkownika w systemie.
Nie wypełnienie wszystkich pól powoduje wyświetlenie komunikatu:
Każdorazowo po zmianie danych należy wykonać test połączenia, inaczej na ekranie pojawi się komunikat:
Poprawne wypełnienie formularza rejestracyjnego zwróci komunikat z potwierdzeniem utworzenia nowego konta w systemie:
Ekran logowania posiada dwa pola do uzupełnienia. Użytkownik aby się zalogować musi wprowadzić login i hasło podane podczas rejestracji.
‘Wróć’ powoduje powrót do ekranu startowego.
‘Zaloguj’ powoduje zalogowanie użytkownika do systemu w przypadku podania prawidłowych danych lub komunikat błędu w przypadku nieprawidłowych.
Poprawne zalogowanie powoduje pojawienie się nazwy użytkownika w lewym górnym rogu aplikacji.
1)‘Logowanie’ – kiedy użytkownik jest zalogowany jego nazwa jest wyświetlana w lewym górnym rogu aplikacji. Próba ponownego zalogowania zakończy się komunikatem:
2)‘Rejestracja’ – w dowolnym momencie działania aplikacji możemy przejść z menu do formularza rejestracyjnego celem utworzenia nowego konta użytkownika.
3)‘Rozpocznij planowanie’ – wybranie przycisku powoduje przejście do ekranu planowania trasy przez spedytora.
4)‘Pokaż przewoźników’ - wybranie przycisku powoduje przejście do ekranu z wizualizacją przewoźników.
5)‘Edycja zleceń’ – wybranie przycisku powoduje uruchomienie ekranu do edycji zleceń. W systemie muszą istnieć zlecenia, które można edytować, inaczej wybór przycisku niczego nie spowoduje.
1)Ekran planowania pierwszego przejazdu jest uruchamiany po wybraniu pozycji ‘Rozpocznij planowanie’ z Menu. Użytkownik ma możliwość wyboru z listy rozwijanej miasta, od którego rozpoczyna budowanie trasy oraz miasta, które jest pierwszym punktem na trasie – to miasto zostanie sprawdzone jako pierwsze.
Z kalendarzy w podanym przykładzie użytkownik wybiera datę wyjazdu z Wrocławia i datę przyjazdu do Warszawy.
‘Wyczyść’ – wybranie przycisku powoduje wyczyszczenie wybranych kryteriów wyszukiwania. Przed tą operacją użytkownik zostanie zapytany czy na pewno chce kontynuować:
‘OK’ – wybranie przycisku powoduje wyświetlenie komunikatu z potwierdzeniem wybranych kryteriów:
Zatwierdzenie kryteriów powoduje przejście do ekranu wyboru producentów na mapie. Należy zaczekać chwilę aż mapa z producentami zostanie załadowana. Trwa to około kilku sekund.
Zasadniczą część ekranu zajmuje mapa ułatwiająca wybór producentów. Kropki na mapie reprezentują producentów w danym mieście. Wielkość kropki oznacza liczbę zamówień, kolor – ile użytkownik zarobił u danego producenta w przeliczeniu na jeden dzień. Kolor czerwony intensywny oznacza, że użytkownik zarobił najwięcej, niebieski najmniej. Zaznaczenie kropki na mapie powoduje pojawienie nazwy producenta:
Przytrzymanie kropki dłużej powoduje wyświetlenie aktywności kwartalnej danego producenta:
Po lewej stronie od mapy są różne kryteria filtrowania, które można zastosować do wyświetlania na mapie tylko konkretnych producentów. Do filtrowania według zadanych kryteriów służy przycisk ‘Filtruj’:
Aby wybrać producenta lub zobaczyć informacje szczegółowe na jego temat należy po zaznaczeniu kropki reprezentującej producenta na mapie kliknąć przycisk ‘Wybierz’. W nowym oknie pojawią się po lewej stronie szczegółowe dane producenta, a po prawej jego aktywność w poszczególnych miesiącach. Pod nimi są trzy opcje do wyboru.
‘Anuluj’ – wybranie przycisku zamyka okno i powraca do mapy z producentami.
‘Nie odpowiada’ – wybranie tej opcji powoduje wyświetlenie komunikatu z zapytaniem o powód odrzucenia danego producenta.
Zatwierdzenie przyciskiem ‘Ok’ powoduje zaznaczenie producenta na mapie znakiem X. Producent w dalszym ciągu może zostać wybrany, ale jest zaznaczony jako taki, z którym były kiedyś problemy. Jeśli użytkownik ponownie go wybierze, zobaczy powód odrzucenia.
‘Odpowiada’ – wybranie przycisku powoduje przejście do wyboru kolejnego miasta na trasie.
Zatwierdzenie wyboru producenta w poprzednim kroku powoduje wyświetlenie nowego okna z możliwością wyboru kolejnego miasta na trasie. Podobnie jak przy wyborze pierwszego miasta – kolejne miasto jest wybierane z listy rozwijanej.
‘Anuluj’ – powoduje zaniechanie powrót do okna z widokiem producentów na mapie.
‘Wróć’ – powoduje powrót do okna z widokiem szczegółowym wybranego producenta.
‘Zatwierdź’ – powoduje pojawienie się okna z mapą, na której jest zaznaczona trasa do tej pory.
Na mapie pokazana jest trasa, którą użytkownik aplikacji zaplanował do tej pory. Strzałki wskazują kierunek planowanej trasy – w jakiej kolejności miasta zostaną odwiedzone. Po lewej stronie ekranu widać punkty na trasie, miasta, które zostały wybrane, wraz z datą wyjazdu i przyjazdu.
Nad mapą są dwie karty do wyboru: ‘Trasa’, czyli mapa z zaznaczoną ścieżką oraz ‘Poznań’, czyli miasto, w którym aktualnie poszukujemy producentów. Użytkownik może wygodnie nawigować pomiędzy nimi klikając myszką w interesującą kartę. Miasta zmieniają się automatycznie wraz z zatwierdzeniem wyboru kolejnego punktu na trasie.
Na ekranie widoczne są również 2 przyciski:
‘Usuń ostatnie’ – wybranie przycisku powoduje usunięcie ostatnio wybranego miasta na trasie i powrót do widoku mapy producentów w poprzednim mieście.
‘Pokaż przewoźników’ – wybranie przycisku powoduje wyświetlenie komunikatu z zapytaniem, czy użytkownik akceptuje trasę a następnie przechodzi do okna wizualizacji przewoźników.
Kolejnym punktem planowania trasy jest wybór przewoźników. Użytkownik wybiera miasta, pomiędzy którymi chce przewieźć towar. Wizualizacja przewoźników posiada filtry, po których można wyszukiwać interesujących użytkownika przewoźników. Użytkownik ma możliwość selekcji przewoźników pod kątem rozmiaru pojazdów jakimi dysponują.
‘Potwierdź’ – wybranie tej opcji powoduje naniesienie na wykres przewoźników.
Poszczególne prostokąty zawierają pierwsze trzy znaki nazwy przewoźnika. Kolor reprezentuje opóźnienie w wykonywaniu dostaw. Zielony oznacza dostawcę sprawdzonego, dobrego, u którego nie występowały opóźnienia, i tak stopniowo
aż do koloru czerwonego – oznaczającego dostawcę, u którego opóźnienia w dostawach byłe duże. Dolna krawędź oznacza ładowność pojazdu z danej grupy przewoźnika (oddzielnie dla pojazdów małych, średnich i dużych), a boczna pojemność. Przezroczystość to stosunek zleceń niezrealizowanych do zrealizowanych - jak wysoki to zanika.
Kliknięcie na wybranego przewoźnika na wykresie powoduje pokazanie, w nowym oknie, szczegółowych danych przewoźnika wraz z mapą, na której zaznaczone są trasy, na których przewoźnik dostarczał towar w przeszłości. Kolor czerwony strzałek oznacza, że po tej trasie przewoźnik jeździł najwięcej. Im bardziej kolor blady – zbliżony do niebieskiego, tym mniejsza znajomość trasy u przewoźnika.
‘Zapisz trasę’ (dostępne tylko w przypadku, gdy użytkownik uruchomił wizualizację przewoźników podczas procesu planowania trasy) – wybranie przycisku powoduje zapisanie zaplanowanej przez użytkownika trasy.
Próba podania nazwy trasy, która figuruje już w bazie zakończy się wyświetleniem komunikatu informującego o błędzie.
Podanie unikalnej nazwy spowoduje pomyślne zapisanie zaplanowanej trasy do bazy.
Wybranie przycisku ‘Edycja zleceń’ z ekranu powitalnego aplikacji powoduje przejście do okna edycji zleceń. Poprzez zlecenie rozumie się przejazd z jednego miasta do drugiego na danej trasie.
Z listy zleceń użytkownik może wybrać zlecenie do edycji zaznaczając je poprzez kliknięcie, a następnie wybranie przycisku ‘Wybierz’. W dolnej części okna edycji zleceń użytkownik może filtrować zlecenia poprzez wybranie nazwy trasy listy rozwijanej i wybranie przycisku ‘Filtruj’.
‘Filtruj’ – wybranie przycisku powoduje przefiltrowanie zleceń według wybranej nazwy trasy.
‘Usuń filtr’ – wybranie przycisku powoduje przywrócenie domyślnych ustawień wyszukiwania – wyświetlone zostaną wszystkie zlecenia – na każdej trasie.
‘Wybierz’ – wybranie przycisku powoduje zatwierdzenie wybranego zlecenia i przejście do okna jego edycji.
W oknie edycji konkretnego zlecenia użytkownik ma możliwość zmiany poszczególnych danych zlecenia. Przykładowo zmiana kosztu przewozu będzie wyglądała tak:
Zaznaczenie opcji ‘Zrealizowane’ powoduje usunięcie zlecenie z listy zleceń do edycji.
Wybranie przycisku ‘Powrót’ powoduje powrót do okna z listą zleceń do edycji.
Wybranie przycisku ‘Zapisz’ powoduje zapisanie zmian w modyfikowanym zleceniu.
Po zapisaniu zmian na ekranie pojawi się komunikat o poprawnym dokonaniu modyfikacji zlecenia a użytkownik na liście zleceń zauważy, że koszt przewozu uległ zmianie dla tego konkretnego zlecenia.